<template>
  <div class="todo-container">
    <h1>App</h1>
    <button @click="fn1">test</button>
    <!-- 
      自定义事件 
        * 什么是自定义事件
          - 给子组件绑定一个自定义事件
          - 在子组件内部触发自定义事件,父组件的事件函数就可以调用,达到传值的目的
        * 给组件绑定事件
          * 只要给组件绑定事件,则都认为是自定义事件(必须我们自己触发)
          * 如果想要给组件绑定原生事件,则需要使用 `.native` 修饰符


     -->
    <Content @click="fn1"></Content>
    <Content @click.native="fn1"></Content>
  </div>
</template>

<script>
import Content from "@/components/Content";
export default {
  name: "App",
  components: {
    Content,
  },
  methods: {
    fn1() {
      console.log("fn1");
    },
  },
};
</script>
